<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/back.png" mode="widthFix" class="back"></image>
				<view class="tit">社交账户</view>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--绑定账户start-->
		<view class="set_sa">
			<view class="list">
				<view @tap="open_tips_box">
					<image src="/static/images/mystatus1.png" class="img"></image>
					<view>Telegrem<text>绑定</text></view>
				</view>
				<view @tap="open_tips_box">
					<image src="/static/images/mystatus2.png" class="img"></image>
					<view>Google<text>绑定</text></view>
				</view>
			</view>
		</view>
		<!--绑定账户edn-->

		<!--弹窗start-->
		<u-modal :show="tips_box" :confirmText="confirmText" confirmColor="#008edb" @confirm="confirm">
			<view class="box_content">
				<image src="/static/images/img_10.png" mode="widthFix" class="b_img"></image>
				<view class="slot-content">
					<rich-text :nodes="content"></rich-text>
				</view>
			</view>
		</u-modal>
		<!--弹窗end-->
	</view>
</template>

<script>
export default {
	data() {
		return {
			tips_box: false,
			content: '中国大陆IP无法使用该功能！',
			confirmText: "确认",
		}
	},
	methods: {
		open_tips_box() {
			this.tips_box = true
		},
		confirm() {
			this.tips_box = false
		},
	}
}
</script>

<style lang="scss">
@import url("../../common/style.scss");
@import url("my.scss");
</style>
